<template>
  <div class="hello">
    123
    <div class="wrapper">
      <grid>
        <grid-item label="Grid" v-for="i in 9">
          {{msg}}
        </grid-item>
      </grid>
    </div>
  </div>
</template>

<script>
import { Grid, GridItem } from 'vux'
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  components:{
    Grid, GridItem
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.hello{
  .wrapper{
    display: flex;
  }
}

</style>
